home *** CD-ROM | disk | FTP | other *** search
/ Komputer for Alle 2001 #16 / 2001 CD 16 (Black).iso / BeoPlayer / data1.cab / Guide / scroller.js < prev    next >
Encoding:
Text File  |  2001-08-09  |  4.0 KB  |  166 lines
  1.  
  2. var theobject = null; //This gets a value as soon as a resize start
  3. var percentObj = null;
  4.  
  5. function percent()
  6. {
  7.  this.percent;
  8. }
  9.  
  10. function sliderObject() {
  11.     this.el;            //pointer to the object
  12.     this.type;    //x-scroller eller y-scroller
  13.     this.grabx;            //Some useful values
  14.     this.graby;
  15.     this.width;
  16.     this.height;
  17.     this.left;
  18.     this.top;
  19.     this.parentWidth;
  20.     this.parentHeight;
  21.     this.scrollPersent;
  22. }
  23.  
  24. function initScroller()
  25. {
  26.  percentObj = new percent();
  27.  percentObj.percent = 0;    
  28.  
  29.  posiScroller();
  30.  
  31. }    
  32.  
  33.  
  34.  
  35. function posiScroller()
  36. {
  37.  var forhold;
  38.  forhold = document.all("viewport").offsetHeight / document.all("visiblecontent").offsetHeight;
  39.  
  40.  if (forhold>=1) {document.all("handle").style.visibility = "hidden";};
  41.  
  42.  if (forhold<1) {
  43.  
  44.  temp = document.all("viewport").offsetHeight * forhold;
  45.   if ( temp > 45 ) {document.all("handle").style.pixelHeight = temp;}
  46.    else {document.all("handle").style.pixelHeight = 45;}
  47.  
  48.  document.all("handle").style.visibility = "visible";
  49.  
  50.  }
  51.  
  52.  moveObjToPersent(percentObj.percent);
  53.  
  54.  var pH;
  55.  var oH;
  56.  var pT;
  57.  pH = document.all("handle").style.pixelHeight; 
  58.  pT = document.all("handle").style.pixelTop;
  59.  oH = document.all("viewport").offsetHeight;
  60.  if ((pH + pT)>oH)
  61.   {
  62.    document.all("handle").style.pixelTop = oH - pH;
  63.   }     
  64. }    
  65.  
  66. function setSlider()
  67. {
  68.      per = document.all("viewport").scrollTop / (document.all("visiblecontent").offsetHeight - document.all("viewport").offsetHeight)
  69.      dis = document.all('viewport').style.pixelHeight - document.all('handle').style.pixelHeight;
  70.      pos = dis*per;
  71.      document.all('handle').style.top = pos;
  72.      
  73. }
  74.     
  75.  
  76. function sliderToTop()
  77. {
  78.      document.all("handle").style.pixelTop = 0;
  79. }    
  80.  
  81.  
  82. function scrollDown() {
  83.     var el = window.event.srcElement;
  84.     
  85.     if(el.className == "scrollHandle") {
  86.         el = document.all('handle');
  87.         theobject = new sliderObject(); //This is a global reference to the current dragging object
  88.         
  89.         theobject.el = el;
  90.         theobject.type = el.getAttribute("type")
  91.         theobject.grabx = window.event.clientX; //X relativ til hele vinduet
  92.         theobject.graby = window.event.clientY; //Y relativ til hele vinduet
  93.         theobject.width = el.style.pixelWidth; //Width af scrollbaren
  94.         theobject.height = el.style.pixelHeight; //Height af scrollbaren
  95.         theobject.left = el.style.pixelLeft; 
  96.         theobject.top = el.style.pixelTop;
  97.         theobject.parentWidth = el.parentElement.clientWidth;
  98.         theobject.parentHeight = el.parentElement.clientHeight;
  99.         
  100.         theobject.el.style.backgroundColor  = "#a0a0a0";
  101.     window.event.returnValue = false;
  102.         window.event.cancelBubble = true;
  103.     }
  104.     else {
  105.         theobject = null;
  106.     }    
  107. }
  108.  
  109. function scrollUp() {
  110.     if (theobject) {
  111.       theobject.el.style.backgroundColor  = "#c0c0c0";
  112.         theobject = null;
  113.     }
  114. }
  115.  
  116. function scrollMove() {
  117.     var el, xPos, yPos, str;
  118.     el = window.event.srcElement;
  119.     if (window.event.button == 0) {scrollUp();}
  120.     if (el.className == "scrollZoomHandle" && theobject == null) //Over scroller men uden knap trykket    
  121.     { }
  122.     
  123.     if (theobject != null) //Over scroller med knap trykket
  124.      {
  125.      
  126.       //alert(theobject.el.id);
  127.       //alert(theobject.el.style.position);
  128.       //theobject.el.style.position = "relative";
  129.       temp = theobject.el.parentElement.clientHeight - theobject.el.clientHeight; 
  130.       var posY=event.clientY - theobject.graby + theobject.top;
  131.       if ((posY>=0) && (posY<temp))
  132.       {      
  133.        theobject.el.style.top = posY;
  134.       }
  135.        else
  136.       {
  137.        if (posY<0) {theobject.el.style.top = 0;}
  138.        if (posY>temp) {theobject.el.style.top = temp;}
  139.       
  140.       }  
  141.       handleFakeEventY(theobject.el);
  142.      }
  143.      
  144.     window.event.returnValue = false;
  145.     window.event.cancelBubble = true;
  146. }
  147.  
  148. function handleFakeEventY(el) {
  149.     
  150.     temp = theobject.el.parentElement.clientHeight - theobject.el.clientHeight; 
  151.   percentObj.percent = (el.style.pixelTop/temp); 
  152.     moveObjToPersent(percentObj.percent);
  153.     
  154. }
  155.  
  156. function moveObjToPersent(per)
  157. {
  158.  
  159.  document.all("viewport").scrollTop =  parseInt((document.all("visiblecontent").offsetHeight - document.all("viewport").offsetHeight) * per);
  160.  
  161.  
  162.  
  163.  
  164. }
  165.  
  166.